List Group
Los grupos de listas son un componente flexible y poderoso para mostrar una serie de contenido. Modifíquelos y amplíelos para admitir casi cualquier contenido.
Ejemplo básico
El grupo de lista más básico es una lista desordenada con elementos de lista y las clases adecuadas. Construya sobre él con las opciones que siguen, o con su propio CSS según sea necesario.
- Articulo
- un elemto
- un segundo elemto
- un cuarto articulo
- y un quinto
Enlaces y botones
Utilice
as o
buttons para crear elementos de grupo de listas accionables con estados flotantes, desactivados y activos agregando .list-group-item-action. Separamos estas pseudoclases para asegurarnos de que los grupos de listas hechos de elementos no interactivos (como
lis o
divs) no brinden una prestación de clic o toque.
Asegúrese de no utilizar las .btnclases estándar aquí .
Clases contextuales
Utilice clases contextuales para diseñar elementos de lista con un fondo y color con estado.
- Un elemento de grupo de lista predeterminado simple
- Un elemento de grupo de lista principal simple
- Un elemento de grupo de lista principal simple
- Un elemento de grupo de lista principal simple
- A simple danger list group item
- Un elemento de grupo de lista principal simple
- Un elemento de grupo de lista principal simple
- Un elemento de grupo de lista principal simple
- Un elemento de grupo de lista principal simple